<template>
  <div class="main center">
    <div class="card" v-for="(item,index) in cardData" :key="index">
      <van-card
        :price="item.price"
        :origin-price="item.OPrice"
        :desc="item.itr"
        :title="item.title"
        :style="{backgroundImage:item.bColor}"
      />
    </div>
  </div>
</template>

<script>
export default {
  name: 'v-recomment',
  data() {
    return {
      cardData: [
        {
          cradId: 0,
          title: '会员服务',
          itr: '限时促销',
          price: '399.00',
          OPrice: '599.00',
          bColor: 'linear-gradient(160deg, rgba(162, 155, 254,0.5) 0%, rgba(0, 206, 201,0.4) 100%)'
        },
        {
          cradId: 1,
          title: 'VIP服务',
          itr: '限时活动',
          price: '1999.00',
          OPrice: '3999.00',
          bColor: 'linear-gradient(160deg, rgba(253, 203, 110,0.3) 0%, rgba(0, 206, 201,0.4) 100%)'
        },
        {
          cradId: 2,
          title: '私人会场布置',
          itr: '联合活动',
          price: '999.00',
          OPrice: '1999.00',
          bColor: 'linear-gradient(160deg, rgba(225, 112, 85,0.5) 0%, rgba(0, 206, 201,0.4) 100%)'
        }
      ]
    }
  },
  mounted() {

  },
  methods: {

  }
}
</script>

<style lang="less" scoped>
.main{
  width: 100%;
  padding: 1rem 0;
  flex-direction: column;
  .card{
    width: 90%;
    border-radius: 0.2rem;
    overflow: hidden;
    margin-bottom: 0.5rem;
  }
}

</style>
